.index {
  background: $main;
}

.icon-seach1 {
  font-size: 45rpx;
}

.content {
  @include flexBox(row, space-around);
}

.goodsType {
  height: 72rpx;
  background: #FFFFFF;
  border-radius: 16px;
  margin: 0 20rpx;

  .businessList {
    .businessItem {
      @include flexBox(row, flex-start);
      padding: 20rpx;
      background: #FFFFFF;
      border-radius: 16px;
      margin-bottom: 20rpx;

      &-image {
        width: 212rpx;
        height: 212rpx;
        border-radius: 12rpx;
      }

      .businessItemInfo {
        width: calc(100% - 212rpx);
        margin-left: 20rpx;
        @include flexBox(column, flex-start);
        position: relative;

        &-peisong {
          @include flexBox(row, flex-start, center);
          position: absolute;
          top: 45rpx;
          right: 0rpx;
          height: 36rpx;
          line-height: 36rpx;
          border-radius: 20rpx;
          border: 1px solid rgba(255, 71, 37, 0.3);
          color: #FF4725;
          font-size: 20rpx;
          padding: 4rpx 14rpx;



          text {
            &:nth-child(1) {
              font-size: 30rpx;
            }

            &:nth-child(2) {
              margin-left: 6rpx;
            }

          }
        }

        &-title {
          font-size: $fz32;
          font-weight: bold;
          color: $color15;
        }

        &-time {
          font-size: $fz24;
          color: $color99;
        }

        &-basic {
          font-size: $fz24;
          color: $color99;
        }

        &-tips {
          width: 138rpx;
          height: 32rpx;
          background: #FDF6DE;
          border-radius: 8rpx;
          font-size: 20px;
          color: #F67734;
          text-align: center;
        }

        &-huodong {
          text {
            padding: 0 12rpx;
            margin-right: 8rpx;
            height: 32rpx;
            border-radius: 8rpx;
            border: 1rpx solid rgba(255, 71, 37, 0.3);
            color: #FF4725;
            font-size: 20px;
          }
        }

        &-grade {
          @include flexBox(row, flex-start, center, );

          &-nums {
            margin-left: 16rpx;
            font-size: $fz24;
            color: $color99;
          }

          &-star {
            text {
              color: $main;
              font-size: $fz24;
            }
          }
        }
      }
    }
  }

  .filter-item {
    margin: 16rpx 6rpx;
    @include flexBox(row, space-around);

    view {
      @include flexBox(row, center, center);
      width: 158rpx;
      height: 56rpx;
      background: #FFFFFF;
      border-radius: 12rpx;
      text-align: center;
      font-size: $fz24;
      color: $color66;
    }
  }

  .goodsSort {
    height: 72rpx;
    background: #FFFFFF;
    border-radius: 16rpx;
    margin-top: 20rpx;

    .sortMap {
      @include flexBox(row, space-around);
      height: 100%;

      .sortItem {

        flex: 1;
        @include flexBox(row, center, center);

        text {
          color: $color66;
          font-size: $fz28;
        }
      }
    }
  }

  .ads {
    margin: 0 20rpx;

    image {
      width: 100%;
      height: 240rpx;
      border-radius: 16px;
    }
  }

  .classifyList {
    @include flexBox(row, flex-start, space-around, wrap);
    margin: 0 40rpx;

    .classify-item {
      @include flexBox(column, center, center);
      flex: 1;
      margin-top: 20rpx;
      margin-right: 38rpx;

      &:nth-child(4n) {
        margin-right: 0rpx;
      }

      image {
        width: 104px;
        height: 104px;
      }

      text {
        font-size: $fz24;
        color: $color66;
        margin-top: 4rpx;
      }
    }
  }
}